---
title: Empezando
description: Introducción básica a Astro.
i18nReady: true
tableOfContents: false
editUrl: false
next: false
banner:
  content: |
    <a href="https://astro.build/blog/astro-4/">¡Ya está aquí la versión 4.0 de Astro!</a>
    ¿Está listo para actualizar? <a href="/es/guides/upgrade-to/v4/">Lee nuestra guía de actualización</a>.
hero:
  title: Docs de Astro
  tagline: Guías, recursos y referencias de API para ayudarte a construir con Astro.
  actions:
    - text: Empezar
      icon: rocket
      link: /es/install/auto/
      variant: primary
    - text: Conoce las características de Astro
      icon: right-arrow
      link: /es/concepts/why-astro/
  facepile:
    tagline: Impulsado por Astro y nuestros colaboradores de código abierto.
    linkText: ¡Únete a nosotros!
    link: /es/contribute/
---
import { CardGrid } from '@astrojs/starlight/components'
import Card from '~/components/Landing/Card.astro'
import ListCard from '~/components/Landing/ListCard.astro'
import SplitCard from '~/components/Landing/SplitCard.astro'
import Discord from '~/components/Landing/Discord.astro'

<CardGrid>
  <Card title="¿Qué construirás con Astro?" icon="laptop">
    ¡Explora los [temas de inicio de Astro](https://astro.build/themes/) para blogs, portfolios, docs, páginas landing, SaaS, marketing, sitios de comercio electrónico y más!
  </Card>

  <Card title="Toma un recorrido guiado" icon="star">
    Completa nuestro [Tutorial de creación un blog](/es/tutorial/0-introduction/) introductorio para aprender los conceptos básicos y crear tu primer sitio con Astro.
  </Card>

  <SplitCard title="Comienza un nuevo proyecto" icon="rocket">
    ```sh
    # crea un nuevo proyecto con npm
    npm create astro@latest
    ```

    Nuestra [guía de instalación](/es/install/auto/) tiene instrucciones paso a paso para instalar Astro usando nuestro asistente CLI, para crear un nuevo proyecto a partir de un repositorio de Astro en GitHub y para instalar Astro manualmente.
  </SplitCard>

  <ListCard title="Aprende" icon="open-book">
    - [Principales características de Astro](/es/concepts/why-astro/)
    - [Arquitectura de islas](/es/concepts/islands/)
    - [Componentes de Astro](/es/basics/astro-components/)
    - [Sintaxis de las plantillas de Astro](/es/basics/astro-syntax/)
  </ListCard>

  <ListCard title="Extiende" icon="puzzle">
    - [Agrega integraciones como React y Tailwind](/es/guides/integrations-guide/)
    - [Crea colecciones de contenido con seguridad en tipos](/es/guides/content-collections/)
    - [Mejora la navegación con view transitions](/es/guides/view-transitions/)
    - [Conecta un CMS headless a tu proyecto](/es/guides/cms/)
  </ListCard>
</CardGrid>

<Discord title="¿Tienes alguna pregunta o quieres participar?" cta="Únete a nuestro Discord"/>